import 'package:flutter/material.dart';
import 'package:wayofdressing/components/hordisplaywindow.dart';

class ClothBoxes extends StatelessWidget {
  ClothBoxes({
    required this.clothes,
    required this.clothesName,
  });

  final List<Widget> clothes;
  final String clothesName;

  @override
  Widget build(BuildContext context) {
    return Container(
      height: 200,
      margin: EdgeInsets.symmetric(horizontal: 10.0, vertical: 10.0),
      padding: EdgeInsets.symmetric(horizontal: 10.0),
      decoration: BoxDecoration(
        boxShadow: [
          BoxShadow(
            color: Colors.black.withOpacity(0.2), // 阴影颜色和透明度
            spreadRadius: 2, // 阴影扩展半径
            blurRadius: 5, // 阴影模糊半径
            offset: Offset(0, 5), // 阴影偏移量
          ),
        ],
        color: Colors.white,
        borderRadius: BorderRadius.circular(25),
      ),
      child: Column(
        children: [
          Row(
            mainAxisAlignment: MainAxisAlignment.spaceBetween,
            children: [
              Text(
                clothesName+' (${clothes.length})',
                style: TextStyle(
                  color: Colors.black,
                  fontSize: 16.0,
                  fontWeight: FontWeight.bold,
                ),
              ),
              Icon(
                Icons.play_arrow_rounded,
                size: 40,
              )
            ],
          ),
          HorDisplayWindow(
            list:clothes,
          ),
        ],
      ),
    );
  }
}